<template>
	<div class="d-flex flex-wrap">
		<div class="w-50"  v-for="(item,index) in list" :key="index+''" @click="detail(item.id)">
			<img :src="item.cover" alt="" class="w-100" />
			<div class="pl-1 font-2 pt-1">{{item.title}}</div>
			<div class="pl-1 font-1 pt-1">{{item.desc}}</div>
			<div class="d-flex pl-1 pt-1">
				<price>{{item.pprice}}</price>
				<div class="pl-1 font-1">￥{{item.oprice}}</div>
			</div>
		</div>
	</div>
</template>

<script>
	import price  from '../price/index.vue'
	export  default{
		 components:{
			price 
		 },
		 props:{
			 list:{
				  type:Object,
				  default:{}
			 } 
		 },
		 methods:{
			detail(_id){
				this.$router.push({
					name:"Detail",
					query:{
						id:_id
					}
				})
			}
		 }
	}
</script>

<style>
</style>
